@charset "utf-8";
//基础静态属性
@baseFontSize:2px;
@baseSpacing:2px;
@baseWhite:#fff;
@baseRed:#E4393C;
@baseGreen:#69bf50;
@baseBlue:#019EEB;
@baseWarning:#f18d1a;
@baseGray:#555;
@baseGray9:#999;
@baseBlack:#333;
@baseGrayC:#ccc;
@baseGrayE:#eee;
@basewhitef5:#f5f5f5;
.qy{
	&-font{
		.createFontSize(15*@baseFontSize);
		&-weight{
			&-bold{font-weight:bold;}
			&-lighter{font-weight:lighter;}
		}
	}
	&-width-auto{width:auto !important;}
	&-height-auto{height:auto !important;}
	&-full{
		&-height{height:100%;}
		&-width{width:100%;}
		&-borderRarius{border-radius:100%}
	}
	&-padding{.createPadding(15*@baseSpacing);}
	&-margin{.createMargin(15*@baseSpacing);}
	&-fl{float:left;}
	&-fr{float:right;}
	&-text{

		&-white{ color:@baseWhite !important;}
		&-red{color:@baseRed !important;}
		&-green{color:@baseGreen;}
		&-blue{color:@baseBlue !important;}
		&-warning{color:@baseWarning;}
		&-black{color:@baseBlack !important;}
		&-gray{color:@baseGray;}
		&-gray9{ color:@baseGray9;}
		&-grayc{ color:@baseGrayC;}
		&-graye{ color:@baseGrayE;}

		&-center{text-align:center;}
		&-left{text-align:left;}
		&-right{text-align:right;}
		&-justify{text-align:justify;}
		&-decoration{
			&-none{text-decoration:none;}
			&-underline{text-decoration:underline;}
			&-line-through{text-decoration:line-through;}
		}
	}
	&-bg{
		&-white{background-color:@baseWhite !important;}
		&-red{background-color:@baseRed !important;;}
		&-blue{background-color:@baseBlue !important;}
		&-green{background-color:@baseGreen;}
		&-whitef5{background-color:@basewhitef5;}
		&-grayc{background-color:@baseGrayC !important;}
		&-warning{background-color:@baseWarning !important;}
	}

	&-no{
		&-border{border:none !important;}
		&-margin{margin:0;}
		&-padding{padding:0;}
		&-margin-horizontal{margin-top:0 !important;margin-bottom:0 !important;}
		&-padding-horizontal{padding-top:0 !important;padding-bottom:0 !important;}
		&-margin-vertical{margin-left:0 !important;margin-right:0 !important;}
		&-padding-vertical{padding-left:0 !important;padding-right:0 !important;}
		&-distance{
			margin:0;
			padding:0;
		}
		&-clear{
			clear:none;
		}
		&-liststyle{
			list-style-type:none;
		}
		&-borderRadius{border-radius: 0 !important;}
		&-height{height:0;}
		&-width{width:0;}
		&-display{display:none;}
		&-bg{background-color:transparent;}
	}
	&-block{display:block;}
	&-inline-block{display:inline-block;}
	&-flex{
		display: flex !important;
		align-items:center;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		&-text{
			&-between{
				justify-content:space-between;
				-o-justify-content:space-between;
				-ms-justify-content:space-between;
				-moz-justify-content:space-between;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			}
			&-center{justify-content:center;}
			&-left{justify-content:flex-start;}
			&-right{justify-content:flex-end;}
			&-top,&-start{align-items:flex-start !important;}
			&-bottom,&-end{align-items:flex-end;}
			&-fullHeight{align-items:stretch}
		}
		&-direction{
			&-row{flex-direction:row !important;}
			&-rerow{flex-direction:row-reverse;}
			&-col{flex-direction:column;}
			&-recol{flex-direction:column-reverse;}
		}
	}
	&-border{
		border:1px solid @baseGrayE;
		&-red{
			border:1px solid @baseRed;
		}
		&-top{border-top:1px solid @baseGrayE;}
		&-bottom{border-bottom:1px solid @baseGrayE;}
		&-left{border-left:1px solid @baseGrayE;}
		&-right{border-right:1px solid @baseGrayE;}
		&-radius{
			border-radius:3px;
			&-30px{
				border-radius:30px;
			}
		}
		&-dashed{
			border:1px dashed @baseGrayE;
			&-top{border-top:1px dashed @baseGrayE;}
			&-bottom{border-bottom:1px dashed @baseGrayE;}
			&-left{border-left:1px dashed @baseGrayE;}
			&-right{border-right:1px dashed @baseGrayE;}
		}
	}
	&-visibility{
		&-hidden{visibility:hidden;}
		&-visible{visibility:visible;}
	}
	&-overflow{
		&-hidden{overflow:hidden;}
		&-visible{overflow:visible;}
	}
	&-position{
		&-relative{position:relative;}
		&-absolute{position:absolute;}
		&-fixed{position:fixed;}
		&-top0{ top:0;}
		&-left0{ left:0;}
		&-right0{ right:0;}
		&-bottom0{ bottom:0;}
	}
	&-boxshadow{
		box-shadow:0 0 3px @baseGray;
	}
}
//递归创建类函数
.createFontSize(@n,@i:@baseFontSize) when (@i<=@n)
{
	&-size-@{i}
	{
		font-size:@i*1px !important;
	}
	&-lineHeight-@{i}
	{
		line-height:@i*1.5px;
	}
	&-indent-@{i}{ text-indent:2*@i;}
	.createFontSize(@n,(@baseFontSize+@i));
}
.createMargin(@n,@i:@baseSpacing) when (@i<=@n)
{
	&-top-@{i}{
		margin-top:@i*1px;
	}
	&-bottom-@{i}{
		margin-bottom:@i*1px;
	}
	&-left-@{i}{
		margin-left:@i*1px;
	}
	&-right-@{i}{
		margin-right:@i*1px;
	}
	&-horizontal-@{i}{
		margin-top:@i*1px;
		margin-bottom:@i*1px;
	}
	&-vertical-@{i}{
		margin-left:@i*1px;
		margin-right:@i*1px;
	}
	&-@{i}
	{
		margin:@i*1px;
	}
	.createMargin(@n,(@baseSpacing+@i));
}
.createPadding(@n,@i:@baseSpacing) when (@i<=@n)
{
	&-top-@{i}{
		padding-top:@i*1px ;
	}
	&-bottom-@{i}{
		padding-bottom:@i*1px;
	}
	&-left-@{i}{
		padding-left:@i*1px !important;
	}
	&-right-@{i}{
		padding-right:@i*1px;
	}
	&-horizontal-@{i}{
		padding-top:@i*1px !important;
		padding-bottom:@i*1px !important;
	}
	&-vertical-@{i}{
		padding-left:@i*1px !important;
		padding-right:@i*1px !important;
	}
	&-@{i}
	{
		padding:@i*1px;
	}
	.createPadding(@n,(@baseSpacing+@i));
}
*{
	font-family:'Microsoft YaHei','Droidsansfallback','Droid Sans','Heiti SC','Helvetica','HelveticaNeue','Dengxian','Segoe';
}
iframe{
	display:none;
	height:0;
	width:0;
	overflow:hidden;
}
.nowrap{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
small{
	font-size: 12px !important;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-butto{
	display:none;
	cursor: pointer;
	-webkit-appearance: none;
}
input[type=date],
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit{
	background:#fff !important;
	-webkit-background:#fff !important;
	cursor: pointer;
	-webkit-appearance: none;
}
//----------------------------------------------------------------------------------------------------------------